{extend name="base" /}
{block name="link"}
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
{/block}
{block name="content"}
<table id="table_id_example" class="display">
    <thead>
        <tr>
            <th>name 1</th>
            <th>name 1</th>
            <th>name 2</th>
        </tr>
    </thead>
    <tbody>
        {foreach $list as $key => $val}
        <tr>
            <td>{$val.name1}</td>
            <td>{$val.name2}</td>
            <td>{$val.name3}</td>
        </tr>
        {/foreach}
    </tbody>
</table>
<script type="text/javascript">
    // $(document).ready( function () {
            $('#table_id_example').DataTable();
    // } );
</script>
{/block}